@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
body{font:12px Arial,"Microsoft YaHei"; color:#333;background-color:#fff;min-width: 1200px;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
::-moz-selection {background:#aaa;color:#FFF;}
::selection {background: #aaa;color: #FFF;}
*:focus,input:focus,textarea:focus,select:focus,button:focus{outline:none;}
input::-webkit-inner-spin-button {-webkit-appearance: none;}
input::-webkit-outer-spin-button {-webkit-appearance: none;}
img{border:0}
a{text-decoration:none; color:#333;cursor: pointer;}
a:hover{text-decoration:none;}
ul,li,ol{list-style:none;}
input,textarea,select,button{font-family:Arial,"Microsoft YaHei";font-size:12px;}
table{width: 100%;border-collapse:collapse;border:none;}
table tr,table td,table th{max-width: 100%;border:none;}

.scrollbar::-webkit-scrollbar{width:3px; background:#f4f4f4;}/* 滚动条整体部分 */
.scrollbar::-webkit-scrollbar-button{ display:none;}/*  滚动条两端的按钮 */
.scrollbar::-webkit-scrollbar-track{ display:none;}/*  外层轨道 */
.scrollbar::-webkit-scrollbar-track-piece{ display:none;}/*  内层轨道 */
.scrollbar::-webkit-scrollbar-thumb{ background:#0082c8; }/*  滚动条里面可以拖动的那部分 */
.scrollbar::-webkit-scrollbar-corner{display:none;}/* 边角 */
.scrollbar::-webkit-resizer{display:none;}/*  定义右下角拖动块的样式 */

@font-face {font-family:'D-DINCondensed-Bold'; src: url('../fonts/d-dincondensed-bold.otf');} 

/*浮动*/
.clear{zoom: 1;clear:both;}
.clear:after{content: '';display: block;clear: both;}
.fl{float:left;}
.fr{float:right;}
.tLeft{display: table;font-size: 0;text-align: left;}
.tRight{display: table;font-size: 0;text-align: right;}
.tCenter{display: table;font-size: 0;text-align: center;}
.tHight{display: flex; flex-wrap: wrap; }
/*ellipsis*/
.ellipsis1{text-overflow:ellipsis; white-space: nowrap; overflow: hidden; }
/* .ellipsis1{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} */
.ellipsis2{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.ellipsis3{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.ellipsis4{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.ellipsis5{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
.ellipsis9{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; overflow: hidden;}

.iconT{display: flex;align-items: center;text-align: center;justify-content: center;}

.c1200{width: 1200px; margin:0 auto;}
.wrap{width: 75%; margin:0 auto;min-width: 1200px;}


/* header */
.header{width: 100%;position: fixed;top: 0;left: 0;z-index: 99;padding: 25px 0;background-color: #fff;transition: all 0.6s ease;}
.header .logo{display: block;float: left;}
.header .logo img{display: block;height: 30px;transition: all 0.6s ease;}
.navBox{width:800px;float: left;display: table;font-size: 0;text-align: left;margin-left: 120px;}
.navBox .nLi{display: inline-block;vertical-align: top;position: relative;margin: 0 40px ;}
.navBox .nLi h3 a{display:block; line-height:30px;font-size:16px;color:#333;font-weight: normal;}
.navBox .nLi:hover h3 a,.navBox .nLi#on h3 a{color: #0082c8;font-weight: bold;}
.navBox .nLi .sub{display:none;position:absolute;top:30px;transform: translateX(-50%);left: 50%;width: 120px;background-color:#fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.navBox .nLi .sub li{border-bottom: 1px solid #eee;}
.navBox .nLi .sub li:last-child{border-bottom: none;}
.navBox .nLi .sub a{display:block;text-align: center;font-size: 14px;color: #333;padding: 10px;box-sizing: border-box;transition: all 0.6s ease;}
.navBox .nLi .sub a:hover{background-color: #0082c8;color: #fff;}
.header .box{float: right;width: 180px;}
.header .box .phone{float: left;line-height: 30px;}
.header .box .phone .iconfont{color: #0082c8;font-size: 26px;float: left;}
.header .box .phone p{font-size: 20px;color: #0082c8;float: left;transform: translateY(2px);margin-left: 4px;}
.header .box .codeBox{float: left;}
.header .box .codeBox .code{float: left;position: relative;margin-left: 10px;}
.header .box .codeBox .code .iconfont{width: 30px;height: 30px;border-radius: 50%;background-color: #959ea6;color: #fff;font-size: 18px;cursor: pointer;transition: all 0.6s ease;}
.header .box .codeBox .code .img{width: 120px;background-color: #fff;position: absolute;top: 38px;left: 50%;transform: translateX(-50%);display: none;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.header .box .codeBox .code .img::after{content: '';  width: 0;height: 0;border-bottom: 5px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;position: absolute;top: -5px;left: 50%;transform: translateX(-50%);}
.header .box .codeBox .code .img img{display: inline-block;width: 92%; padding: 4%;}
.header .box .codeBox .code .img p{color: #333;font-size: 12px;text-align: center;line-height: 14px;padding-bottom: 8px;}
.header .box .codeBox .code:hover .iconfont{background-color: #0082c8;}
.is-fixed1{box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.is-fixed2{border-bottom: 1px solid #ececec;}
@media (max-width: 1680px) {
    .navBox{width: 620px;margin-left: 90px;}
    .navBox .nLi{margin: 0 30px;}
}
@media (max-width: 1600px) {
    .navBox{width: 580px;margin-left: 80px;}
    .navBox .nLi{margin: 0 25px;}
}

/*indexBanner*/
.indexBanner{width: 100%;position: relative;margin: 80px 0 0 !important;}
.indexBanner .swiper-slide img{display: block;width: 100%;}
.indexBanner .pagination{width: 75%;display: flex;align-items: flex-start;justify-content: space-between;position: absolute;left: 50%;bottom:60px;z-index: 2;transform: translateX(-50%);}
.indexBanner .swiper-pagination-switch{display:block;width: 30%;color: #fff;font-size: 18px;padding-top: 8px;border-top:1px solid rgba(255, 255, 255, 0.3);cursor: pointer;position: relative;box-sizing: border-box;}
.indexBanner .swiper-pagination-switch::after{content: '';width:0;height: 1px;background-color: #fff;position: absolute;top: -1px;left: 0;}
.indexBanner .swiper-active-switch::after{animation: arrow 5s linear 0.2s infinite;}
@keyframes arrow{
    0%{width: 0;}
    100%{width: 100%;}
}
.indexBanner .icon-jiantou{width:40px;height:40px;line-height:40px;background-color: #fff;border-radius: 50%;font-size: 24px;color: #f7971e;text-align: center;position: absolute;top: 50%;z-index: 2;transition: all 0.6s ease;}
.indexBanner .arrow-left{transform: rotateY(-180deg) translateY(-50%);left: -50px;}
.indexBanner .arrow-right{transform:translateY(-50%);right: -50px;}
.indexBanner:hover .arrow-left{left: 100px;}
.indexBanner:hover .arrow-right{right: 100px;}
.indexBanner .icon-jiantou:hover{background-color: #f7971e;color: #fff;}

/*indexProduct*/
.indexProduct{width: 100%;padding-top: 100px;background: url('../images/product_bg.jpg');overflow: hidden;}
.indexProduct .wrap{position: relative;}
.indexProduct .box{width: 100%;overflow: hidden;}
.indexProduct .swiper-container{width: calc(100% + 80px);}
.indexProduct .swiper-slide{padding-right: 80px;box-sizing: border-box;}
.indexProduct .swiper-slide a{display: block;width: 100%;}
.indexProduct .swiper-slide .img{width: 100%;overflow: hidden;position: relative;background: url('../images/product_img_bg.jpg') center center no-repeat;background-size: cover;}
.indexProduct .swiper-slide .img img{display: block;width: 100%;}
.indexProduct .swiper-slide .img .iconfont{width: 100%;height: 100%;background-color: rgba(0, 130, 200, 0.78);color: rgba(255, 255, 255, 0.7);font-size: 40px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0);transition: all 0.6s ease;}
.indexProduct .swiper-slide .cont{width: 100%;border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding: 20px 0;position: relative;padding-right: 32px;box-sizing: border-box;}
.indexProduct .swiper-slide .cont .p1{font-size: 24px;color: #333333;}
.indexProduct .swiper-slide .cont .p2{font-size: 14px;color: #999;text-transform: uppercase;margin-top: 4px;letter-spacing: 1px;}
.indexProduct .swiper-slide .cont .iconfont{width: 28px;height: 28px;border-radius: 50%;border: 1px solid #959ea6;position: absolute;top: 50%;right: 0;transition: all 0.6s ease; margin-top: -14px;}
.indexProduct .swiper-slide a:hover .img .iconfont{transform: translate(-50%,-50%) scale(1);}
.indexProduct .swiper-slide a:hover .cont .iconfont{background-color: #0082c8;border-color: #0082c8;color: #fff;}
.indexProduct .arrow{width:36px;height:36px;line-height:36px;background-color: #959ea6;border-radius: 50%;font-size: 18px;color: #fff;text-align: center;position: absolute;top: 50%;z-index: 2;transition: all 0.6s ease;margin-top: -46px;}
.indexProduct .arrow-left1{transform: rotateY(-180deg) translateY(-50%);left: -90px;}
.indexProduct .arrow-right1{transform:translateY(-50%);right: -90px;}
.indexProduct .arrow:hover{background-color: #0082c8;}
@media (max-width: 1400px) {
    .indexProduct .arrow-left1{left: -50px;}
    .indexProduct .arrow-right1{right: -50px;}
}
@media (max-width: 1280px) {
    .indexProduct .arrow-left1{left: -10px;}
    .indexProduct .arrow-right1{right: -10px;}
}
@media (max-width: 1200px) {
    .indexProduct .arrow-left1{left: 0px;}
    .indexProduct .arrow-right1{right: 0px;}
}

/* indexTitle */
.indexTitle{text-align: center;}
.indexTitle .t1{font-family: D-DINCondensed-Bold;font-size: 60px;color: #ebeff1;text-transform: uppercase;line-height: 40px; display: none;}
.indexTitle .t2{font-size: 40px;color: #333333;line-height: 40px;}

/* indexApplication */
.indexApplication{width: 100%;background: url('../images/product_bg.jpg');padding-top: 70px;overflow: hidden;}
.indexApplication .application{margin-top: 60px;width: 100%;}
.indexApplication .application li{width: 15%;display: inline-block;vertical-align: top;transition: all 0.6s ease;}
.indexApplication .application li a{display: block;width: 100%;overflow: hidden;position: relative;background-color: #0082c8;}
.indexApplication .application li a img{height: 100%;display: block;margin-left: 50%;transform: translateX(-50%);opacity: 0.6;transition: all 0.6s ease;}
.indexApplication .application li a .cont{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);padding: 200px 10% 0;box-sizing: border-box;transition: all 0.6s ease;}
.indexApplication .application li a .cont .p1{font-size: 24px;color: #fff;white-space:nowrap;margin-left: 50%;transform: translateX(-50%);display: inline-block;transition: all 0.6s ease;}
.indexApplication .application li a .cont .p2{margin-top: 6px;}
.indexApplication .application li a .cont .p2 p{font-size: 14px;letter-spacing: 1px;color: #fff;text-transform: uppercase;margin-left: 50%;transform: translateX(-50%);white-space:nowrap;display: inline-block;transition: all 0.6s ease;}
.indexApplication .application li a .cont .p3{font-size: 16px;line-height: 30px;height: 60px;color: #fff;margin: 20px 0 80px;transform: scale(0);transition: all 0.6s ease;}
.indexApplication .application li a .cont .iconfont{width: 28px;height: 28px;border-radius: 50%;line-height: 28px;border: solid 1px #fff;color: #fff;font-size: 14px;text-align: center;margin: -100px auto 0;transition: all 0.6s ease;}
.indexApplication .application li.on{width: 25%;}
.indexApplication .application li.on a img{opacity: 1;}
.indexApplication .application li.on a .cont{background-color: rgba(0,0,0,0.2);}
.indexApplication .application li.on a .cont .p1,.indexApplication .application li.on a .cont .p2 p{margin-left: 0%;transform: translateX(0%);}
.indexApplication .application li.on a .cont .p3{transform: scale(1);}
.indexApplication .application li.on a .cont .iconfont{margin: 40px auto 0;}
.indexApplication .application li.on a .cont .iconfont:hover{background-color: #f7971e;border-color: #f7971e;}
@media (max-width: 1600px) {
    .indexApplication .application li a .cont .p1{font-size: 20px;}
    .indexApplication .application li a .cont .p2{font-size: 12px;}
    .indexApplication .application li a .cont .p2 p{white-space:pre-wrap;}
}

/* indexService */
.indexService{width: 100%;background: url('../images/service_bg.jpg') center center no-repeat;background-size: cover;padding: 100px 0;overflow: hidden;}
.indexService .service{width: 100%;}
.indexService .service li{display: inline-block;vertical-align: top;width: 32%;margin-right: 2%;}
.indexService .service li:nth-child(3n){margin-right: 0;}
.indexService .service li .img{width: 100%;overflow: hidden;position: relative;background-color: #0082c8;transition: all 0.6s ease;}
.indexService .service li .img img{width: 100%;display: block;opacity: 0.5;}
.indexService .service li .img .iconfont{color: #fff;font-size: 60px;position: absolute;top: 50%;left: 50%;z-index: 2;transform: translate(-50%,-50%);}
.indexService .service li:nth-child(n+2) .img::after{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;box-shadow: inset 10px 10px 100px 30px #0082c8;-webkit-box-shadow: inset 10px 10px 100px 30px #0082c8;-moz-box-shadow: inset 10px 10px 100px 30px #0082c8;transition: all 0.6s ease;}
.indexService .service li .cont{position: relative;width: 100%;background-color: #fff;border: solid 1px rgba(2, 2, 2, 0.06);border-top: none;box-sizing: border-box;padding: 25px 8%;}
.indexService .service li .cont .p1{font-size: 18px;color: #333333;}
.indexService .service li .cont .p2{font-size: 14px;letter-spacing: 1px;color: #999;margin-top: 4px;}
.indexService .service li .cont .iconfont{width: 28px;height: 28px;border-radius: 50%;line-height: 28px;text-align: center;border: solid 1px #959ea6;color: #959ea6;font-size: 14px;position: absolute;top: 50%;right: 8%;transition: all 0.6s ease; margin-top: -14px;}
.indexService .service li:hover .cont .iconfont{background-color: #f7971e;color: #fff;border-color: #f7971e;}
.indexService .service li:hover .img{background-color: #f7971e;}
.indexService .service li:nth-child(n+2):hover .img::after{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;box-shadow: inset 5px 5px 100px 30px #f7971e;-webkit-box-shadow: inset 5px 5px 100px 30px #f7971e;-moz-box-shadow: inset 5px 5px 100px 30px #f7971e;}

/*footer*/
.footer{width: 100%;background-color: #0082c8;position: relative;padding-top: 90px;overflow: hidden;z-index: 1;}
.footer::after{content: '';width: 100%;height: 100%;background: url('../images/footer_bg.jpg') bottom center no-repeat fixed;background-size: cover;position: absolute;bottom: 0;left: 0;opacity: 0.12;z-index: -1;}
.footer .left{float: left;width: 30%;}

.footer .left .box{width: 100%;padding: 0;}
.footer .left .phone{position: relative; width: 100%; box-sizing: border-box; font-size: 16px;color: #fff;line-height: 26px;padding-left: 40px;}
.footer .left .phone .iconfont{color: #fff;font-size: 30px;position: absolute;top: 0;left: 0;}
.footer .left .phone p{ font-size: 30px;font-weight: bold; margin-top: 10px;}
.footer .left .add{position: relative; width: 100%; margin-top: 40px; box-sizing: border-box; font-size: 16px;color: #fff;line-height: 26px;padding-left: 40px;}
.footer .left .add .iconfont{color: #fff;font-size: 30px;position: absolute;top: 0;left: 0;}
.footer .left .add p{ font-size: 16px; margin-top: 10px;}

.footer .right{float: right;width: 65%;}
.footer .right dl{margin-left: 9%;display: inline-block;vertical-align: top;text-align: left;}
.footer .right dl:first-child{ margin-left: 0;}
.footer .right dl dt{margin-bottom: 40px;}
.footer .right dl dt a{font-size: 18px;line-height: 20px;color: #ffffff;}
.footer .right dl dd{margin-bottom: 18px;}
.footer .right dl dd a{font-size: 16px;line-height: 18px;color: #fff;}
.footer .right dl:nth-child(2){width: 200px;}
.footer .right dl:nth-child(2) dd{float: left;width: 90px;margin-right: 20px;}
.footer .right dl:nth-child(2) dd:nth-of-type(2n){margin-right: 0;}
.footer .right dl dt a:hover{color: #f7971e;}
.footer .right dl dd a:hover{color: #f7971e;}
.footer .copyRight{width: 100%;background-color: rgba(16, 37, 51, 0.16);margin-top: 80px;padding: 12px 0;font-size: 12px;color: #fff;line-height: 20px;text-align: center; text-transform: uppercase;}
.footer .copyRight a{color: #fff;}
.footer .copyRight a img{display: inline-block; vertical-align: middle; margin-top: -5px; height: 16px;}
.footer .copyRight a:hover{color: #f7971e;}


/* customer */
.customer{width: 70px;position:fixed;right:0; top:50%; transform: translateY(-50%); z-index:99;   }
.customer dl{width: 100%;height: 74px;position: relative; z-index: 2; margin-top: 1px;}
.customer dl dt{width: 74px;height: 74px; box-sizing: border-box; padding: 7px 0; color:#fff;background-color: #0082c8;cursor: pointer;position: relative; z-index: 5;transition: all 0.6s ease; text-align: center; }
.customer dl:first-child dt::after{ display: none;}
.customer dl dt i{ display: inline-block; font-size:32px;}
.customer dl dt p{ font-size: 12px; margin-top: 3px;}
.customer dl:hover dt{background-color: #f7971e; color: #fff;}
.customer dl.icon1 dd{width: 230px; height: 74px; border-right: solid 1px rgba(255,255,255,0.3); padding: 10px 15px;box-sizing: border-box; color: #fff;font-size: 14px; line-height: 24px;background-color:#f7971e; position: absolute; top: 0;right: -300px; z-index: 1; transition: all 0.5s ease;}
.customer dl.icon1 dd p{font-size: 14px; text-align: center;  line-height: 54px;}
.customer dl.icon1 dd p span{ font-size: 26px; font-weight: bold; display: inline-block; margin-right: 10px;}
.customer dl.icon2 dd{width: 150px; box-sizing: border-box; padding: 5px; text-align: center; background-color: #fff; border: solid 1px #eee; position: absolute; top: 0; right: -300px; z-index: 1; transition: all 0.6s ease; }
.customer dl.icon2 dd img{ width: 100%; display: block;  box-sizing: border-box;}
.customer dl.icon2 dd p{ font-size: 14px; margin-bottom: 8px;}
.customer dl.icon3 .iconfont{}
.customer dl:hover dd{right: 70px;}




/* pageBanner */
.pageBanner{width: 100%;overflow: hidden;position: relative;margin-top: 80px;}
.pageBanner img{display: block;width: 100%;}
.pageBanner .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.pageBanner .wrap .tit{font-size: 24px;color: #ffffff;}
.pageBanner .wrap .txt{	font-size: 16px;line-height: 30px; width: 600px; color: #ffffff;margin-top: 20px;}

/* position */
.position{width: 100%;background-color: #f9fafc;overflow: hidden;color: #959ea6;font-size: 14px;line-height: 18px;padding: 18px 0;}
.position a{color: #959ea6;transition: all 0.6s ease;}
.position span{margin: 0 5px;}
.position a:hover,.position a:last-child{color: #0082c8;}

/* pagePosition */
.pagePosition{width: 100%;background-color: #f9fafc;overflow: hidden;padding: 18px 0;position: sticky;top: 80px;z-index: 9;}
.pagePosition .wz{float: left;width: 25%;font-size: 14px;line-height: 18px;color: #959ea6;}   
.pagePosition .wz a{color: #959ea6;transition: all 0.6s ease;}
.pagePosition .wz span{margin: 0 5px;}
.pagePosition .wz a:hover,.pagePosition .wz a:last-child{color: #0082c8;}
.pagePosition ul{width: 70%;float: right;}
.pagePosition ul li{display: inline-block;vertical-align: top;margin-left: 4%;}
.pagePosition ul li a{color: #333;font-size: 14px;line-height: 18px;display: block;transition: all 0.6s ease;}
.pagePosition ul li:hover a,.pagePosition ul li.on a{color: #0082c8;}

/* pageNav */
.pageNav{width: 100%;overflow: hidden;padding: 100px 0 0;}
.pageNav ul{width: 100%;}
.pageNav ul li{float: left;margin-right: 5%;}
.pageNav ul li a{color: #333;font-size: 16px;line-height: 20px;padding-bottom: 4px;border-bottom: 2px solid rgba(0,0,0,0);display: block;transition: all 0.6s ease;}
.pageNav ul li:hover a,.pageNav ul li.on a{color: #0082c8;border-color: #0082c8;}

/* pageTitle */
.pageTitle{text-align: center;}
.pageTitle .t1{font-family: D-DINCondensed-Bold;font-size: 44px;color: #f5f7f8;text-transform: uppercase;line-height: 34px; display: none;}
.pageTitle .t2{font-size: 30px;color: #333333;line-height:30px;}
.pageTitle .txt{font-size: 16px;line-height: 30px;color: #333333;margin-top: 16px;}


/* pageContent */
.pageContent{ width: 100%; padding: 80px 0;}
.pageContent .box{ width: 100%; font-size: 16px; line-height: 36px; color: #333;}
.pageContent .box img{ max-width: 100%; height: auto !important;}


/* pageAbout */
.pageAbout{width: 100%;background-color: #fff;overflow: hidden;}
.pageAbout .cont{float: left;width: 52%;margin-top: 60px;}
.pageAbout .cont .pageTitle{text-align: left;}
.pageAbout .cont .text{font-size: 16px;line-height: 38px;color: #333333;margin-top: 30px;max-height: 360px;overflow-y: auto;padding-right: 10px;}
.pageAbout .cont .text img{ max-width: 100%; display: none;}
.pageAbout .imgBox{width: 37%;float: right;padding: 120px 0 40px;position: relative;overflow: hidden;}
.pageAbout .imgBox .img{width: 46%;overflow: hidden;float: right;transform:skewX(-34deg) translateX(-50%);border-radius: 26px;}
.pageAbout .imgBox .img img{height: 100%;display: block;margin-left: 50%;transform: skewX(32deg) translateX(-50%);}
.pageAbout .imgBox .bb1{position: absolute;top: -26px;right: 18%;width: 30%;}
.pageAbout .imgBox .bb2{position: absolute;bottom: -26px;right: 10%;width: 30%;}
.pageAbout .imgBox .b1{width: 100%;height: 110px;background-color: #0082c8;transform:skewX(-34deg);border-radius: 26px;}
.pageAbout .imgBox .b2{width: 100%;height: 120px;background-color: #f7971e;transform:skewX(-34deg);border-radius: 26px;}
@media (max-width: 1680px) {
    .pageAbout .imgBox .img{transform:skewX(-34deg) translateX(-56%);}
    .pageAbout .imgBox .bb2{right: 14%;}
}
@media (max-width: 1600px) {
    .pageAbout .imgBox .img{transform:skewX(-34deg) translateX(-58%);}
    .pageAbout .imgBox .bb2{right: 16%;}
}

/* pageWorkshop */
.pageWorkshop{ width: 100%; position: relative; background-color: rgba(0, 130, 200, 0.05); box-sizing: border-box;  overflow: hidden;}
.pageWorkshop ul{ width: 100%; box-sizing: border-box; padding: 10px;}
.pageWorkshop ul li{ display: inline-block; vertical-align: top; width: 33.33%; box-sizing: border-box; padding: 10px;}
.pageWorkshop ul li img{ width: 100%; display: block;}


/* pageHonor */
.pageHonor{width: 100%;background-color: rgba(149, 158, 166, 0.03);overflow: hidden;padding: 80px 0;}
.pageHonor .box{width: calc(100% + 40px);overflow: hidden;margin-left: -20px;margin-top: 30px;}
.pageHonor .swiper-container{width: 100%;}
.pageHonor .swiper-slide .cont{width: 100%;padding:20px;box-sizing: border-box;}
.pageHonor .swiper-slide a{display: block;width: 100%;background-color: #fff;padding: 8% 10% 6%;box-sizing: border-box;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.pageHonor .swiper-slide .img{width: 100%;overflow: hidden;}
.pageHonor .swiper-slide .img img{display: block;width: 100%;}
.pageHonor .swiper-slide .p1{font-size: 16px;line-height: 24px; min-height: 48px; color: #333333;text-align: center;margin-top: 8%;}
.pageHonor .arrow{width: 140px;height: 36px;margin: 30px auto 0;position: relative;}
.pageHonor .icon-jiantou{width:36px;height:36px;line-height:36px;background-color: #959ea6;border-radius: 50%;font-size: 18px;color: #fff;text-align: center;position: absolute;top: 0;z-index: 2;transition: all 0.6s ease;}
.pageHonor .arrow-left1{transform: rotateY(-180deg);left: 0px;}
.pageHonor .arrow-right1{right: 0px;}
.pageHonor .icon-jiantou:hover{background-color: #0082c8;}
@media (max-width: 1440px) {
    
    .pageHonor .swiper-slide .p1{font-size: 14px;}
}
/* pageCapacity */
.pageCapacity{width: 100%;background-color: #fff;overflow: hidden;padding: 80px 0 0;}
.pageCapacity .box{width:100%;overflow: hidden;margin-top: 50px;position: relative;}
.pageCapacity .swiper-container{width: calc(100% + 70px);}
.pageCapacity .swiper-slide{padding-right: 70px;box-sizing: border-box;}
.pageCapacity .swiper-slide a{display: block;width: 100%;position: relative;}
.pageCapacity .swiper-slide .img{width: 100%;overflow: hidden;}
.pageCapacity .swiper-slide .img img{display: block;width: 100%;filter: blur(4px);-webkit-filter: blur(4px);transition: all 0.6s ease;}
.pageCapacity .swiper-slide .cont{padding: 15px 20px;box-sizing: border-box;background-color: rgba(255, 255, 255, 0.9);position: absolute;bottom: 30px; transform: translateX(-50%); left: 50%;box-shadow: 0px 1px 51px 0px rgba(2, 2, 2, 0.08);-webkit-box-shadow: 0px 1px 51px 0px rgba(2, 2, 2, 0.08);-moz-box-shadow: 0px 1px 51px 0px rgba(2, 2, 2, 0.08);opacity: 0;transition: all 0.6s ease;}
.pageCapacity .swiper-slide .cont .p1{font-size: 18px;color: #0082c8;}
.pageCapacity .swiper-slide .cont .p2{font-size: 14px;line-height: 24px;color: #333333;margin-top: 3%;}
.pageCapacity .swiper-slide.swiper-slide-active .cont{opacity: 1;}
.pageCapacity .swiper-slide.swiper-slide-active .img img{filter: blur(0px);-webkit-filter: blur(0px)}
.pageCapacity .icon-jiantou{width:36px;height:36px;line-height:36px;background-color: #959ea6;border-radius: 50%;font-size: 18px;color: #fff;text-align: center;position: absolute;top: 50%;z-index: 2;transition: all 0.6s ease;}
.pageCapacity .arrow-left2{transform: rotateY(-180deg) translateY(-50%);left: 16.7%;}
.pageCapacity .arrow-right2{transform:translateY(-50%);right: 16.7%;}
.pageCapacity .icon-jiantou:hover{background-color: #0082c8;}
@media (max-width: 1680px) {
    .pageCapacity .arrow-left2{left: 16.3%;}
    .pageCapacity .arrow-right2{right: 16.3%;}
}
@media (max-width: 1600px) {
    .pageCapacity .arrow-left2{left: 16.2%;}
    .pageCapacity .arrow-right2{right: 16.2%;}
}
@media (max-width: 1440px) {
    .pageCapacity .arrow-left2{left: 15.9%;}
    .pageCapacity .arrow-right2{right: 15.9%;}
}
@media (max-width: 1366px) {
    .pageCapacity .arrow-left2{left: 15.7%;}
    .pageCapacity .arrow-right2{right: 15.7%;}
}
@media (max-width: 1280px) {
    .pageCapacity .arrow-left2{left: 15.5%;}
    .pageCapacity .arrow-right2{right: 15.5%;}
}

/* pageRsp */
.pageRsp{width: 100%;background-color: #fff;overflow: hidden;padding: 60px 0 80px;}
.pageRsp .box{width: 100%;display: block;overflow: hidden;background-color: #000;position: relative;margin-top: 50px;}
.pageRsp .box img{width: 100%;display: block;opacity: 0.8;}
.pageRsp .box .iconfont{width: 70px;height: 70px;border-radius: 50%;border: solid 1px #ffffff;line-height: 70px;text-align: center;color: #fff;font-size: 40px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all 0.6s ease;}
.pageRsp .box .iconfont:hover{background-color: #fff;color: #0082c8;}


/* pageProduct */
.pageProduct{width: 100%;overflow: hidden;padding:60px 0 80px;}
.pageProduct ul{width: 100%;}
.pageProduct ul li{width: 30%;margin-right: 5%;display: inline-block;vertical-align: top;margin-bottom: 4%;}
.pageProduct ul li:nth-child(3n){margin-right: 0;}
.pageProduct ul li a{display: block;width: 100%;}
.pageProduct ul li .img{width: 100%;overflow: hidden;position: relative;background: url('../images/product_img_bg.jpg') center center no-repeat;background-size: cover;}
.pageProduct ul li .img img{display: block;width: 100%;}
.pageProduct ul li .img .iconfont{width: 100%;height: 100%;background-color: rgba(0, 130, 200, 0.78);color: rgba(255, 255, 255, 0.7);font-size: 40px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0);transition: all 0.6s ease;}
.pageProduct ul li .cont{width: 100%;border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding: 20px 0;position: relative;padding-right: 32px;box-sizing: border-box;}
.pageProduct ul li .cont .p1{font-size: 24px;color: #333333;}
.pageProduct ul li .cont .p2{font-size: 14px;color: #999;text-transform: uppercase;margin-top: 4px;letter-spacing: 1px;}
.pageProduct ul li .cont .iconfont{width: 28px;height: 28px;border-radius: 50%;border: 1px solid #959ea6;position: absolute;top: 50%;right: 0;transition: all 0.6s ease; margin-top: -14px;}
.pageProduct ul li a:hover .img .iconfont{transform: translate(-50%,-50%) scale(1);}
.pageProduct ul li a:hover .cont .iconfont{background-color: #0082c8;border-color: #0082c8;color: #fff;}

/* pageProductD */
.pageProductD{width: 100%;padding: 60px 0 20px;overflow: hidden;background: url('../images/product/product_detail_bg.jpg') top center no-repeat;background-size: cover;}
.pageProductD .wrap{position: relative;}
.pageProductD .cont{text-align: center;}
.pageProductD .cont .p1{font-size: 32px;color: #333333;}
.pageProductD .cont .p2{font-size: 14px;text-transform: uppercase;letter-spacing: 1px;color: #959ea6;margin-top: 4px;}
.pageProductD .productD{width: 60%;position: relative;}
.pageProductD .productD .swiper-slide img{display: block;width: 100%;}
.pageProductD .icon-jiantou{width:50px;height:50px;line-height:50px;background-color: #959ea6;border-radius: 50%;font-size: 24px;color: #fff;text-align: center;position: absolute;top: 50%;z-index: 2;transition: all 0.6s ease;}
.pageProductD .arrow-left{transform: rotateY(-180deg) translateY(-50%);left: 7%;}
.pageProductD .arrow-right{transform:translateY(-50%);right: 7%;}
.pageProductD .icon-jiantou:hover{background-color: #0082c8;}

/* pageDetail */
.pageDetail{width: 100%;background-color: #fff;padding: 30px 0 80px 0;overflow: hidden;}
.pageDetail .contBox{width: 100%;font-size: 14px;line-height: 24px;color: #333; }
.pageDetail .contBox img{max-width: 100%;height: auto;}
.pageDetail .title{font-size: 24px;color: #333333;text-align: center;margin:50px auto 30px;}
.pageDetail .text{width: 100%;overflow: hidden;position: relative; overflow: hidden;}
.pageDetail .text img{ max-width: 100%; height: auto !important;}
.pageDetail .contBox table{width: 100%;background-color: rgba(215, 215, 215, 0.3);}
.pageDetail .contBox table td{width: 50%;border: 1px solid rgba(255, 255, 255, 0.8);font-size: 14px;line-height: 24px;color: #333333;}
.pageDetail .contBox tr:nth-child(2n-1){background-color: rgba(0, 130, 200, 0.17);}
.pageDetail .contBox tr:nth-child(2n){background-color: rgba(215, 215, 215, 0.1);}
.pageDetail .contBox td{padding: 16px 100px;}
.pageDetail .ul{width: 100%;}
.pageDetail .ul li{width: 380px;display: inline-block;vertical-align: top;margin-right: 30px;}
.pageDetail .ul li:nth-child(3n){margin-right: 0;}
.pageDetail .ul li .picBox{width: 100%;background-color: #000;overflow: hidden;position: relative;}
.pageDetail .ul li .picBox .pic{width: 100%;display: block;opacity: 0.4;}
.pageDetail .ul li .picBox .icon{width: 70px;display: block;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.pageDetail .ul li .p{width: 100%;background-color: #eaedf0;font-size: 14px;line-height: 24px;color: #333333;padding: 6px;box-sizing: border-box;text-align: center;transition: all 0.6s ease;}
.pageDetail .ul li:hover .p{background-color: #0082c8;color: #fff;}

/* pageApplication */
.pageApplication{width: 100%;background-color: #fff;overflow: hidden;}
.pageApplication .box{width: 100%;padding: 80px 0;}
.pageApplication .box:nth-child(2n){background-color: rgba(149, 158, 166, 0.04);}
.pageApplication .box .img{width: 31%;overflow: hidden;}
.pageApplication .box .img img{width: 100%;display: block;}
.pageApplication .box .cont{width: 66%; }
.pageApplication .box .cont .tit{width: 100%;border-bottom: 1px solid #eee;position: relative;padding: 15px 0 ;}
.pageApplication .box .cont .tit .p1{font-size: 24px;color: #333333;line-height: 30px;}
.pageApplication .box .cont .tit .p2{font-size: 14px;line-height: 18px;letter-spacing: 1px;color: #959ea6;text-transform: uppercase;margin-top: 2px;}
.pageApplication .box .cont .tit img{width: 40px;display: block;position: absolute;top: 50%;right: 0; transform: translateY(-50%);}
.pageApplication .box .cont .txt{font-size: 16px;line-height: 34px;color: #333333;margin: 30px 0;height: 190px;overflow-y: auto;}
.pageApplication .hideBox{width: 100%;overflow: hidden;}
.pageApplication .hideBox .swiper-container{width: calc(100% + 40px);}
.pageApplication .hideBox .swiper-slide{padding-right: 40px;box-sizing: border-box;}
.pageApplication .hideBox .swiper-slide a{display: block;width: 100%;}
.pageApplication .hideBox .swiper-slide .pic{width: 100%;overflow: hidden;}
.pageApplication .hideBox .swiper-slide .pic img{display: block;width: 100%; border: solid 1px #eee; box-sizing: border-box;}
.pageApplication .hideBox .swiper-slide .t{font-size: 14px;line-height: 20px;color: #333333;text-align: center;margin-top: 8px;}
.pageApplication .hideBox .arrow{width: 130px;margin: 30px auto 0;position: relative;height: 36px;}
.pageApplication .hideBox .arrow .icon-jiantou{width:36px;height:36px;line-height:36px;background-color: #959ea6;border-radius: 50%;font-size: 18px;color: #fff;text-align: center;position: absolute;top: 0;z-index: 2;transition: all 0.6s ease;}
.pageApplication .hideBox .arrow .arrow-left{transform: rotateY(-180deg);left: 0;}
.pageApplication .hideBox .arrow .arrow-right{right: 0;}
.pageApplication .hideBox .arrow .icon-jiantou:hover{background-color: #0082c8;}
@media (max-width: 1680px) {
    .pageApplication .box .cont .txt{margin: 20px 0;height: 160px;}
}
@media (max-width: 1600px) {
    .pageApplication .box .cont .txt{height: 150px;}
}


/* pageService */
.pageService{width: 100%;background-color: #fff;overflow: hidden;}
.pageService .box{width: 100%;padding: 80px 0;}
.pageService .box:nth-child(2n){background-color: rgba(149, 158, 166, 0.04);}
.pageService .box .img{width: 47%;overflow: hidden;}
.pageService .box .img img{width: 100%;display: block;}
.pageService .box .cont{width: 48%;}
.pageService .box .cont .tit{width: 100%;border-bottom: 1px solid #eee;position: relative;padding: 15px 0 ;}
.pageService .box .cont .tit .p1{font-size: 24px;color: #333333;line-height: 30px;}
.pageService .box .cont .tit .p2{font-size: 14px;line-height: 18px;letter-spacing: 1px;color: #959ea6;text-transform: uppercase;margin-top: 2px;}
.pageService .box .cont .tit .p3{ font-size: 22px; position: absolute; top: 50%; margin-top: -15px; line-height: 30px; right: 60px; color: #0082c8; /* font-family: D-DINCondensed-Bold; */ }
.pageService .box .cont .tit .iconfont{color: #0082c8;font-size: 40px;position: absolute;top: 50%;right: 0; line-height: 30px; margin-top: -15px;}
.pageService .box .cont .txt{font-size: 14px;line-height: 30px;color: #333333;margin: 30px 0 0;}
.pageService .box .cont .txt img{ max-width: 100%; display: none;}

/* pageNews */
.pageNews{width: 100%;padding: 60px 0;background-color: #fff;overflow: hidden;}
.pageNews ul{width: 100%;}
.pageNews ul li{width:100%;margin-bottom: 3%;padding-bottom: 3%;border-bottom: 1px solid #e5e5e5;}
.pageNews ul li a{width:100%;position: relative;display: block;}
.pageNews ul li .img{width: 32%;overflow: hidden;float: left;display: block;}
.pageNews ul li .img img{width: 100%;transition: all 0.6s ease;display: block;}
.pageNews ul li .cont{width: 60%;float: left;margin-left: 8%;margin-top: 1%;}
.pageNews ul li .cont .tit{color: #000;font-size: 24px;line-height: 28px;display: block;}
.pageNews ul li .cont .txt{color: #333;font-size: 16px;line-height: 30px;height: 90px;overflow: hidden;}
.pageNews ul li .cont .time{color: #999;font-size: 16px;line-height: 20px;margin: 2% 0 3%;}
.pageNews ul li .cont .iconfont{width: 28px;height: 28px;border: 1px solid #999;border-radius: 50%;color: #999;font-size: 18px;line-height: 28px;text-align: center;margin-top: 3%;transition: all 0.6s ease;}
.pageNews ul li .cont .iconfont:hover{background-color: #0082c8;border-color: #0082c8;color: #fff;}
.pageNews ul li:hover .img img{transform:scale(1.1);}
.pageNews ul li:hover .cont .tit{color: #0082c8;}
.pageNews ul li:hover .cont .txt{color: #000;}
.pageNews ul li:hover .cont .iconfont{margin-left: 1%;}

/* pageNewsD */
.pageNewsD{width: 100%;padding:60px 0 40px;overflow: hidden;}
.pageNewsD .title{font-size: 26px;line-height: 38px;color: #333333;text-align: center;font-weight: bold;}
.pageNewsD .time{font-size: 16px;color: #999;text-align: center;padding: 20px 0;margin-bottom:30px;border-bottom: 1px dashed #e5e5e5;}
.pageNewsD .time span{margin: 0 10px;}
.pageNewsD .text{font-size: 16px;line-height: 36px;color: #333333; overflow: hidden;}
.pageNewsD .text img{max-width: 100%;height: auto !important;}
.pageNewsD .link{width: 100%;margin-top: 40px;position: relative;border-top: 1px dashed #eee;padding: 60px 0;}
.pageNewsD .link .ab{float: left;max-width: 80%;}
.pageNewsD .link .ab>div{margin-top: 20px;}
.pageNewsD .link .ab a{color: #666;font-size: 14px;line-height: 20px;transition: all 0.6s ease;}
.pageNewsD .link .ab a:hover{text-decoration: underline;color: #0082c8;}
.pageNewsD .link .back{display: block;float: right;color: #000;font-size: 14px;line-height: 20px;border: solid 1px #333;padding: 10px 3%;margin-top: 20px;transition: all 0.6s ease;}
.pageNewsD .link .back:hover{background-color: #0082c8;border-color: #0082c8;color: #fff;}


/* map */
.map{width: 100%;height: 500px; position: relative; z-index: 1;}
.map #map{width: 100%;height: 100%;}

/* pageContact */
.pageContact{width: 100%;padding: 80px 0;overflow: hidden;}
.pageContact .wrap{position: relative;}
.pageContact .img{width: 50%;float: left;overflow: hidden;position: relative;background-color: #333333;}
.pageContact .img .pic{width: 100%;display: block;opacity: 0.3;}
.pageContact .img .clogo{width: 48%;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); filter: grayscale(100%) brightness(1000%);}
.pageContact .cont{width: 44%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 16px;line-height: 24px;color: #333333;}
.pageContact .cont p{margin: 20px 0;}
.pageContact .cont img{ max-width: 100%; display: none;}



/* fenye */
.pages{ margin-top:40px ;font-size:14px; text-align: center;}
.pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #ddd; text-align:center; color:#333; padding:0 12px; margin:0 2px;}
.pages a:hover { background:#0082c8;  border:1px solid #0082c8; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:32px; line-height:32px; background:#0082c8; color:#fff; text-align:center; padding:0 12px; margin:0 2px;}